<template>
  <div>
    <IesDialog
      :title="$t('dialog.prompt')"
      :iesDialogFlag.sync="dialoghVisible"
      @cancel="cancel"
      @affirm="affirm"
      :affirmText="$t('button.save')"
    >
      <p
        v-for="(item,index) in 10"
        :key="index"
      >Lorem ipsum dolor, sit amet consectetur adipisicing elit. Debitis molestiae asperiores aut laboriosam eaque odio, fugit expedita unde. Atque aliquid, itaque rerum aut id voluptatibus ullam voluptate? Nesciunt, vel quos.</p>
    </IesDialog>
    <el-button type="danger" @click="show">弹出ies-dialog</el-button>
  </div>
</template>

<script>
// 目的为了简化组件使用时的代码和统一风格
// 属性方法使用除了【Events:close(因为封装ies-dialog时使用了修改了close事件)】监听方法不提供外，其他都兼容element的属性方法 使用跟el-dialog一样传值绑定
// ies-dialog固定了弹框取消和确定按钮 监听回调有cancel（取消），affirm（确定）
// 提供了取消和确定按钮的文本修改的属性 cancelText（取消文本） affirmText（确定文本） 默认是‘取消’和‘确定’
// 修改文本的时候要传国际化语言key不能直接传文本，如：‘确定’修改成‘保存’=>  :affirmText="$t('button.save')"
// 取消按钮文本修改同上
// dialog的标题命名配置到i18n的dialog模块里面即可
// height 默认550px
export default {
  components: {},
  props: {},
  data () {
    return {
      dialoghVisible: false
    }
  },

  methods: {
    show () {
      this.dialoghVisible = true
    },
    cancel () { // 取消

    },
    affirm () { // 确认

    }
  }
}
</script>

<style scoped lang="scss">
</style>
